
// #wrap {
//   height: 100%;
// }

#ruleDescription{
  background: #fff;
  height: 100%;
  overflow: hidden;

  & .pageCon {
    // padding-top: 2.2rem;
    overflow: scroll;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    position:relative;

    & .bg_circle {
      display: inline-block;
      width: 4.6rem;
      height: 3.1rem;
      position: absolute;
      // top: 2.2rem;
    }

    & .contentTitle {
      height: 3.2rem;
      line-height: 3.2rem;
      position: relative;
      z-index: 99;
      display: flex;
      justify-content: center;

      .title {
        font-family: PingFangSC-Semibold;
        font-size: 0.9rem;
        letter-spacing: 0.075rem;
        text-align: center;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        color: #000;
        font-weight:500;

        & .colorName {
          color: #FF6500;
        }
      }

      img {
        display: inline-block;
        width: 1.3rem;
        height: 0.8rem;
        position: relative;
        top: 1.35rem;
      }

      & .box {
        height: 3.2rem;
        line-height: 3.2rem;
      }
    }

    & .content {
      margin-left: 0.75rem;
      margin-right: 0.75rem;
      padding-bottom: 1.5rem;

      p {
        font-family: PingFangSC-Regular;
        font-size: 0.7rem;
        color: #1D212B;
        letter-spacing: 0;
        text-align: justify;
        line-height: 1.1rem;
        margin-bottom: 0.5rem;
      }
    }
  }
}
